<!DOCTYPE html>
<html class="javascript js cssanimations">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>72公社</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="white">
    <meta name="apple-mobile-web-app-title" content="72公社">
    <meta name="format-detection" content="telephone=no">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="browsermode" content="application">
    <meta name="x5-page-mode" content="app">
    <meta name="x5-fullscreen" content="true">
    <link rel="stylesheet" href="../css/amaze.min.css" />
    <link rel="stylesheet" href="../css/amazeui.min.css" />
    <link rel="stylesheet" href="../css/app.css">
    <!--[if (gte IE 9)|!(IE)]>
		<!-->
    <script type="text/javascript" src="../script/jquery-1.11.1.min.js"></script>
    <!--<![endif]-->
    <!--[if lt IE 9]>
			<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js">
				
			</script><script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js">
				
			</script><script src="http://a.static.amazeui.org/assets/2.x/js/polyfill/rem.min.js">
				
			</script><script src="http://a.static.amazeui.org/assets/2.x/js/polyfill/respond.min.js">
				
			</script><script src="http://a.static.amazeui.org/assets/2.x/js/amazeui.legacy.js">
				
			</script>
		<![endif]-->
    <script src="../script/amazeui.min.js"></script>

    <style type="text/css">
    /*头部背景*/
    
    .am-header-default {
        background-color: #f40;
    }
    /*分类样式*/
    
    .am-menu-dropdown1 .am-menu-nav>li>a {
        border-bottom: 1px solid #d63900;
        background: #f40;
    }
    
    .am-menu-dropdown1 .am-menu-nav>li.am-parent.am-open>a {
        background: #e63d00;
    }
    /*按钮样式*/
    
    .am-btn-primary:hover {
        color: #fff;
        background-color: #c23400;
        border-color: #c23400;
    }
    
    .am-btn-primary {
        color: #fff;
        background-color: #f40;
        border-color: #f40;
    }
    
    .this {
        background: white;
        text-align: center;
        vertical-align: middle;
        font-size: 14px;
        padding: 15px;
        border-bottom: 1px solid #feebdc;
        border-right: 1px solid #feebdc;
    }
    
    .this i {
        color: #ff8000;
    }
    </style>
</head>



<script type="text/javascript" src="js/orderinfo.js"></script>

<body>
	
<div class="am-g am-topbar-fixed-top" style="background-image:url('/webapp/images/topbar.png'); padding:0 0;height:45px;">
	<a href="javascript:history.back();">
	<div class="am-u-sm-3" style="margin-top:10px;text-align:left">
		<!--
        <span class="am-icon-angle-left am-icon-sm" style="color:white;"></span>
	    -->
	</div> 
	</a>

	<div class="am-u-sm-6" style="margin-top:10px;font-family:微软雅黑;color:white;text-align:center;">
		订单详情
	</div>

	<a href="/wap">
	<div class="am-u-sm-3" style="margin-top:11px;text-align:right">
        <!--
		<span class="am-icon-home am-icon-sm" style="color:white;"></span>
        -->
	</div> 
	</a>

</div>


<input type="hidden" value="<%=locals.merName%>" id="merName" />
<input type="hidden" value="<%=locals.datas.orderNo%>" id="orderNo" />

<div class="am-g">
	<div class="am-u-sm-12" style="background:#B2B2B2;">
  	订单信息
    </div>
	
	<div class="am-u-sm-12">
		订单编号：<%=locals.datas.orderNo%>
	</div>
	
	<div class="am-u-sm-12">
		
		<%
			var total=0;   //该商家的订单商品金额
			for(var i=0;i<locals.datas.item.length;i++){
			  if(locals.merName==locals.datas.item[i].merName){
			  	  total+=locals.datas.item[i].total;
			  }
			%>
		<%}%>
		
		订单总额：<%=total%>
	</div>
	
	<div class="am-u-sm-12">
		下单时间：<%=locals.datas.createTime%>
	</div>
	<div class="am-u-sm-12">
		支付方式：<%=locals.datas.payType%>
	</div>
	<div class="am-u-sm-12">
		付款时间：<%=locals.datas.payTime%>
	</div>
	
	<div class="am-u-sm-12">
		收&nbsp;&nbsp;货&nbsp;人：<%=locals.datas.receiver%>
	</div>
	<div class="am-u-sm-12">
		联系电话：<%=locals.datas.mobile%>
	</div>
   	<div class="am-u-sm-12">
		收货地址：<%=locals.datas.province%>-<%=locals.datas.city%>-<%=locals.datas.district%>
		-<%=locals.datas.currAddressDetail%>
	</div>

	
</div>


<!--商品列表-->
<div class="am-g">
  <div class="am-u-sm-12" style="background:#B2B2B2;margin-top:5px;">
  	商品列表
  </div>
  
  <div class="am-u-sm-12">
  	
  	<%for(var i=0;i<locals.datas.item.length;i++){%>
  		
  		<%if(locals.datas.item[i].merName==locals.merName){%>
  		
	  	<div style="border-bottom:1px solid #eaedf1;padding:5px;">
	     	 <table  border="0" width="100%" style="margin-top:8px;table-layout:fixed;">
	     	 	<tr>
	     	 		<td rowspan="3" valign="middle" style="width:70px;">
	     	 		    <img src="<%=locals.datas.item[i].proDefImg%>"  style="width:65px;height:65px;"/> 
	     	 		</td>
	     	 		<td rowspan="2" width="50%" style="word-break:break-all;" valign="top">
	     	 			<%=locals.datas.item[i].proName%>
	     	 		</td>
	     	 		
	     	 		<td style="color:red;" valign="top" align="right">
	     	 			￥<%=locals.datas.item[i].price%>
	     	 		</td>
	     	 		
	     	 	</tr>
	     	 	
	     	    <tr></tr>
	     	    <tr>
	     	    	   <td>x<%=locals.datas.item[i].num%></td>
	     	    	   <td align="right"><%=locals.datas.item[i].status%></td>
	     	    </tr>
	     	 	
		  	 </table>
		  </div>
	  <%}%>
  	 <%}%>
  	
  	
  </div>
	
	
</div>


<!--发货信息-->
<div class="am-g">
	
	<div class="am-u-sm-12" style="background:#B2B2B2;margin-top:5px;">
  	发货信息
    </div>
	
	<%if(locals.issend=='false'){%>  
		<div class="am-u-sm-12" style="margin-top:5px;">
			<input type="text" id="sendAddress" class="am-form-field" placeholder="发货地址" />
		</div>
		
		<div class="am-u-sm-12" style="margin-top:5px;">
			<input type="text" id="sendWay" class="am-form-field" placeholder="配送方式" />
		</div>
		<div class="am-u-sm-12" style="margin-top:5px;">
			<input type="text" id="logisticsNo" class="am-form-field" placeholder="物流单号" />
		</div>
	<%}else{%>
		<div class="am-u-sm-12" style="margin-top:5px;">
		发货地址：<%=locals.sendAddress||''%>
		</div>
		<div class="am-u-sm-12" style="margin-top:5px;">
		配送方式：<%=locals.sendWay%>
		</div>
		<div class="am-u-sm-12">
		物流单号：<%=locals.logisticsNo%>
		</div>
		
	<%}%>
	
</div>



<%if(locals.issend=='false'){%>  


<div class="am-g am-topbar-fixed-bottom">
    <button type="button" onclick="prosend();"  class="am-btn am-btn-warning am-btn-block">发货</button>
</div>
	
<%}%>







    <!--提示框-->
		<div class="am-modal am-modal-alert" tabindex="-1" id="modal-alert">
			<div class="am-modal-dialog" style="border-radius:5px;">
				<div class="am-modal-hd">
					提示
				</div><div class="am-modal-bd" id="textmsg"></div>
				<div class="am-modal-footer">
					<span class="am-modal-btn">确定</span>
				</div>
			</div>
		</div>
		
		<div class="am-modal am-modal-confirm" tabindex="-1" id="modal-confirm">
			<div class="am-modal-dialog" style="border-radius:5px;">
				<div class="am-modal-hd">
					提示
				</div><div class="am-modal-bd" id="confirm_msg"></div>
				<div class="am-modal-footer">
					<span class="am-modal-btn" data-am-modal-cancel="">取消</span><span class="am-modal-btn" data-am-modal-confirm="">确定</span>
				</div>
			</div>
		</div>
		



<!--用户 侧边栏-->
<div id="sidebar" class="am-offcanvas am-menu-offcanvas1">
			<div class="am-offcanvas-bar">
				<div class="am-offcanvas-content">
					<div class="am-text-center">
						<%if(locals.member==undefined||locals.member==''){%>
							     尚未登陆...
							<%}else{%>
								    欢迎，<%=locals.member.account%>
						<%}%>
					</div>
				</div>
				<ul class="am-menu-nav am-avg-sm-1">
					<li class="am-nav-header">
						交易管理
					</li>
					<li class="">
						<a href="/member/myorder" target="_self">我的订单</a>
					</li>
			
					
					<li class="am-nav-header">
						个人设置
					</li>
					<li class="">
						<a href="/member/myaddress" target="_self">地址管理</a>
					</li>
					<li class="">
						<a href="/member/updatepwd" target="_self">修改密码</a>
					</li>
				</ul>
				<div class="am-offcanvas-content">
					<div class="am-text-right am-text-xs logout">
						<%if(locals.member==undefined||locals.member==''){%>
							  <div class="am-text-right am-text-xs logout">
										<a href="/member/login" >去登录</a>
									</div>
							<%}else{%>
								   <div class="am-text-right am-text-xs logout">
										<a href="/member/exit" >退出登录</a>
									</div>
						<%}%>
					</div>
				</div>
			</div>
</div>
		



<div data-am-widget="gotop" class="am-gotop am-gotop-fixed am-no-layout am-active" style="bottom:50px;">
	<a href="#top" title=""><i class="am-gotop-icon am-icon-arrow-up"></i></a>
</div>

<!--[if (gte IE 9)|!(IE)]><!-->


<!--回顶部-->

<!--[if lt IE 9]>
<script src="/amaze/js/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="/amaze/js/polyfill/rem.min.js"></script>
<script src="/amaze/js/polyfill/respond.min.js"></script>
<script src="/amaze/js/amazeui.legacy.js"></script>
<![endif]-->

</body>
</html>

